<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .xn_c_index_138_wbox>div:nth-child(1) .xn_c_index_138_typeName{background:url(../Images/01_hui.png) left center no-repeat; }
        .xn_c_index_138_wbox>div:nth-child(1) .xn_c_index_138_typeName_cur{background:url(../Images/01_01.png) left center no-repeat; }
        .xn_c_index_138_wbox>div:nth-child(2) .xn_c_index_138_typeName{background:url(../Images/02_hui.png) left center no-repeat; }
        .xn_c_index_138_wbox>div:nth-child(2) .xn_c_index_138_typeName_cur{background:url(../Images/02_lv.png) left center no-repeat; }
        .xn_c_index_138_wbox>div:nth-child(3) .xn_c_index_138_typeName{background:url(../Images/03_hui.png) left center no-repeat; }
        .xn_c_index_138_wbox>div:nth-child(3) .xn_c_index_138_typeName_cur{background:url(../Images/03_lv.png) left center no-repeat; }
        .xn_c_index_138_wbox>div:nth-child(4) .xn_c_index_138_typeName{background:url(../Images/04_hui.png) left center no-repeat; }
        .xn_c_index_138_wbox>div:nth-child(4) .xn_c_index_138_typeName_cur{background:url(../Images/04_lv.png) left center no-repeat; }
        .xn_c_index_138_wbox div>div{width: 1200px;height: 40px;border: 1px solid red}
    </style>
</head>
<body>
<div class="xn_c_index_138_wbox">
    <div>
        <div class="xn_c_index_138_typeName">1</div>
    </div>
    <div>
        <div  class="xn_c_index_138_typeName">2</div>
    </div>
    <div>
        <div  class="xn_c_index_138_typeName">3</div>
    </div>
    <div>
        <div  class="xn_c_index_138_typeName">4</div>
    </div>

</div>

<script src="../jquery-1.9.1/jquery.min.js"></script>
<script>
    $(function(){
        $(".xn_c_index_138_typeName").first().addClass("xn_c_index_138_typeName_cur");//first()高亮显示选中的第一个同及元素

        $(".xn_c_index_138_typeName").hover(function(){
            $(this).addClass("xn_c_index_138_typeName_cur");
            $(this).parent().siblings().children(".xn_c_index_138_typeName").removeClass("xn_c_index_138_typeName_cur");

        });
    });



</script>
</body>
</html>